import React, { PureComponent } from 'react';
import { connect } from 'dva';
// import { routerRedux, Link } from 'dva/router';
import { Form, Button, Steps, Icon } from 'antd';
// import { NavLink } from "dva/router";
import './EnterpriseRegistrationResult.less';
import IconS from "../../components/IconS";

const { Step } = Steps;

@connect(state => ({
    register: state.register,
}))
@Form.create()

export default class EnterpriseRegistrationResult extends PureComponent {
    constructor(props, context) {
        super(props, context);
        this.state = {
            // count: 0,
        };

    }
    /******************************生命周期******************************/

    componentDidMount = () => {

    }
    /******************************ajax请求******************************/

    /******************************相关事件******************************/

    /******************************render******************************/

    render() {

        // const title = <div className="title">提交成功</div>;
        // const actions = (
        //     <div className="actions">
        //         <a href=""><Button size="large" type="primary">查看邮箱</Button></a>
        //         <Link to="/"><Button size="large">返回首页</Button></Link>
        //     </div>
        // );

        return (
            <div className="EnterpriseRegistrationResult">
                <div className="enroll-header">
                    <div className="head-portrait">
                        {/*<span className="head-portrait-con" />*/}
                        <IconS type="logo-" />
                        <span className="head-portrait-text">
                            <span style={{ fontSize: "18px" }}>百保盾</span>
                            <br />
                            <span style={{ fontSize: "12px" }}>改变工作 改变你</span>
                        </span>
                    </div>
                    <div className="head-portrait-register">
                        <span style={{ cursor: "pointer" }} onClick={() => this.props.history.push("LogOn")}>登录 </span>
                    </div>
                </div>
                <div className="enroll-content">
                    <div className="main">
                        <h3>企业注册</h3>
                        <div className="progress-bar">
                            <Steps current={1}>
                                <Step title="填写注册资料" />
                                <Step title="开始体验" />
                            </Steps>
                        </div>
                        <div className="enterprise-registration-content">
                            <div>
                                <Icon className="enterprise-registration-icon" type="check-circle" />
                            </div>
                            <h4 className="enterprise-registration-text">
                                <span>提交成功</span>
                            </h4>
                            <div className="enterprise-registration-description">
                                <p>
                                    恭喜您的入驻申请已提交
                            <br />
                                    管理员账号和密码已发在联系手机上了，您现在可以开始体验啦。
                            </p>
                            </div>
                            <div>
                                <Button type="primary" onClick={() => this.props.history.push('./LogOn')}>开始体验</Button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        );
    }
}